<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看-城市详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <!--<link rel="stylesheet" href="/plugins/video-js/video-js.css">-->
    <link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.7.2/skins/default/aliplayer-min.css" />
    <link rel="stylesheet" href="/css/see/cityAd.min.css?v=<%=$version%>">
</head>
<body>
<div id="cityAdInfo" v-cloak>
    <div class="cityAdInfo-top" :style="bgimg(cityInfoById.imgSrc)">
        <header class="cityAdHotlist-top" :class="{'cityAdInfo-top1':topBg}">
            <span class="goback" @click="getBack()"></span>
            <strong>{{cityName}}</strong>
            <!--<span class="more"></span>-->
        </header>
    </div>
    <div class="cityAdInfo-title">官方视频</div>
    <div class="cityAdInfo-video videoOfficial">
        <div id="my-video"></div>
        <!--<video id="my-video" class="video-js" controls preload="auto" data-setup="{}"-->
               <!--webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5"-->
               <!--x5-video-orientation="h5" x5-video-player-fullscreen="true">-->
            <!--<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">-->
            <!--<p class="vjs-no-js">-->
                <!--To view this video please enable JavaScript, and consider upgrading to a web browser that-->
                <!--<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>-->
            <!--</p>-->
        <!--</video>-->
        <div class="video-mask1 video-mask2" v-show="isflase1" :style="bgimg(cityInfoById.officialCoverImgSrc)"></div>
        <div class="video-mask1" @click="getIsVideo(1)"></div>
        <div class="video-mask" :class="{videoShow:isVideo}">
            <span class="adDetails-qplay" @click="getVideoPlay(1)" v-if="isNav==2"></span>
            <span class="adDetails-holdonplay" @click="getVideoPause(1)" v-if="isNav==1"></span>
        </div>
    </div>
    <div class="cityAdInfo-title">传统视频</div>
    <div class="cityAdInfo-video videoTradition">
        <div id="my-video1"></div>
        <!--<video id="my-video1" class="video-js" controls preload="auto" data-setup="{}"-->
               <!--webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5"-->
               <!--x5-video-orientation="h5" x5-video-player-fullscreen="true">-->
            <!--<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">-->
            <!--&lt;!&ndash;<source src="http://47.95.5.235:8081/file//userfiles/1/files/hkEnterpriseAdv/2018/05/a.flv" type="video/flv">&ndash;&gt;-->
            <!--<p class="vjs-no-js">-->
                <!--To view this video please enable JavaScript, and consider upgrading to a web browser that-->
                <!--<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>-->
            <!--</p>-->
        <!--</video>-->
        <div class="video-mask1 video-mask2" v-show="isflase2" :style="bgimg(cityInfoById.traditionalCoverImgSrc)"></div>
        <div class="video-mask1" @click="getIsVideo(2)"></div>
        <div class="video-mask" :class="{videoShow:isVideo1}">
            <span class="adDetails-qplay" @click="getVideoPlay(2)" v-if="isNav1==2"></span>
            <span class="adDetails-holdonplay" @click="getVideoPause(2)" v-if="isNav1==1"></span>
        </div>
    </div>
    <div class="cityAdInfo-cent">
        <h6>本地游记</h6>
        <p>本地最新最精彩游记</p>
        <div class="selfMedia-tab" :class="{'selfMedia-tab1':isTab}">
            <span :class="{active:(categoryId==0)}" @click="centTitleTab(0)">全部</span>
            <template v-for="(item,index) in cityInfoById.categorys">
                <strong></strong>
                <span :class="{active:(categoryId==item.categoryId)}" @click="centTitleTab(item.categoryId)">{{item.categoryName}}</span>
            </template>
        </div>
        <div class="cityAdInfo-tabCent">
            <selfmedia-flow :number="2" :list="cityAdvList2"></selfmedia-flow>
        </div>

    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/minigrid.js"></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<!--<script type="text/javascript" src="/plugins/video-js/video.min.js"></script>-->
<script charset="utf-8" type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.7.2/aliplayer-min.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.6&key=589381d73924ac781b542765046f3235&plugin=AMap.CitySearch"></script>
<script type="text/javascript" src="/js/see/remogeo.js"></script>
<script type="text/javascript" src="/js/see/cityAdInfo.js?v=<%=$version%>"></script>
<script>
    $("img.lazy").lazyload();
</script>
</body>
</html>